.container {
	padding-bottom: 110upx;
	position: fixed;
	z-index:9998;
	.s-header-box {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9998;
		.s-header {
			width: 100%;
			font-size: 38upx;
			line-height: 38upx;
			font-weight: 500;
			height: 58upx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.s-header-icon {
			position: fixed;
			top: 0;
			left: 18upx;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			height: 58upx;
			transform: translateZ(0);
			z-index: 99999;
			.s-icon {
				border-radius: 72upx;
				background-color: rgba(0, 0, 0, 0.5);
				.icon_image{
					width: 58upx;
					height: 58upx;
					margin: 6upx;
				}
			}
			.s-icon-back {
				height: 72upx;
				width: 72upx;
				display: block;
			}
			.s-icon-ml {
				margin-left: 20upx;
				height: 72upx;
				width: 72upx;
			}
			.s-badge{
				position: absolute;
				right: -4.7upx;
				top: -4.7upx;
			}
		}
	}
}
.s-banner-swiper {
	position: relative;
	.s-slide-image {
		width: 100%;
		display: block;
	}
	.s-tag-class {
		position: absolute;
		color: #fff;
		bottom: 30upx;
		right: 0;
		
	}
}

.s-pro-detail {
	box-sizing: border-box;
	color: #333;
	.s-product-title {
		background: #fff;
		padding: 30upx 0;
		.s-pro-pricebox {
			display: flex;
			align-items: center;
			justify-content: space-between;
			color: #ff201f;
			font-size: 36upx;
			font-weight: bold;
			line-height: 44upx;
			.s-pro-price {
				display: flex;
				align-items: center;
				.s-price {
					font-size: 58upx;
				}
				.s-tag-class {
					transform: scale(0.7);
					transform-origin: center center;
					line-height: 24upx;
					font-weight: normal;
				}
			}
			.s-collection {
				color: #333;
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				height: 44upx;
				.collection_image{
					width: 48upx;
					height: 48upx;
					overflow:visible;
				} 
				.s-scale {
					transform: scale(0.7);
					transform-origin: center center;
					line-height: 26upx;
					font-size: 26upx;
					font-weight: normal;
				}
			}
			.s-size {
				font-size: 24rpx;
				line-height: 24rpx;
			}
		}
		.s-padding {
			padding: 0 30upx;
			box-sizing: border-box;
		}
		.s-original-price {
			font-size: 26upx;
			line-height: 26upx;
			padding: 10upx 30upx;
			box-sizing: border-box;
			.s-line-through {
				text-decoration: line-through;
			}
		}
		.s-gray {
			color: #999;
		}
		.s-pro-titbox {
			font-size: 32upx;
			font-weight: 500;
			position: relative;
			padding: 0 150upx 0 30upx;
			box-sizing: border-box;
			.s-pro-title {
				padding-top: 20upx;
			}
			.s-share-btn {
				display: block;
				background: none;
				margin: 0 10upx 0 0;
				padding: 0;
				border-radius: 0;
				.share_image{
					width: 28upx;
					height: 28upx;
					margin-right: 6upx;
				}
				.s-tag-share {
					display: flex;
					align-items: center;
					.s-gray {
						color: #999;
					}
				}
				
			}
			.s-share-position {
				position: absolute;
				right: 0;
				top: 30upx;
			}
		}
	}
	.s-border-radius {
		border-bottom-left-radius: 24upx;
		border-bottom-right-radius: 24upx;
		overflow: hidden;
	}
	.s-basic-info {
		background: #fff;
		.s-list-cell {
			position: relative;
			display: flex;
			align-items: center;
			font-size: 26upx;
			line-height: 26upx;
			padding: 36upx 30upx;
			box-sizing: border-box;
			.s-right {
				position: absolute;
				right: 30upx;
				top: 30upx;
				width: 38upx;
				height: 38upx;
			}
			.s-bold {
				font-weight: bold;
			}
			.s-cell-title {
				width: 66rpx;
				padding-right: 30upx;
				flex-shrink: 0;
			}
		}
		.s-list-cell::after {
			content: '';
			position: absolute;
			border-bottom: 1upx solid #eaeef1;
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
			bottom: 0;
			right: 0;
			left: 126upx;
		}
	}
	.s-mtop {
		margin-top: 26upx;
	}
	.s-radius-all {
		border-radius: 24upx;
		overflow: hidden;
	}
	.s-nomore-box {
		padding-top: 10upx;
		margin-bottom: 120upx;
	}
	.s-operation {
		width: 100%;
		height: 100upx;
		/* box-sizing: border-box; */
		background: rgba(255, 255, 255, 0.98);
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 10;
		bottom: 0;
		left: 0;
		// padding-bottom: env(safe-area-inset-bottom);
		.s-operation-left {
			display: flex;
			align-items: center;
			.opacity {
				opacity: 0.5;
			}
			.s-operation-item {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				position: relative;
				.s-operation-text {
					font-size: 22upx;
					color: #333;
				}
				.s-scale-small {
					transform: scale(0.9);
					transform-origin: center center;
				}
				.images_class{
					width: 40upx;
					height: 40upx;
				}
				.s-badge-cart{
					position: absolute;
					right: 0;
					top: 0;
				}
			}
		}
		.s-operation-right {
			height: 100upx;
			/* box-sizing: border-box; */
			padding-top: 0;
			.s-flex-1 {
				flex: 1;
			}
		}
		.s-right-flex {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.s-col-7 {
			width: 58.33333333%;
		}
		
		.s-col-5 {
			width: 41.66666667%;
		}
	}
	.s-operation::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		border-top: 1rpx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
}
.s-popup-box {
	position: relative;
	padding: 30upx 0 20upx 0;
	.s-icon-close {
		position: absolute;
		top: 30upx;
		right: 30upx;
		width: 40upx;
		height: 40upx;
	}
	.s-number-box {
		margin: 30upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20upx 0 30upx 0;
		box-sizing: border-box;
		.s-attr-title {
			padding: 10upx 0;
			color: #333;
		}
	}
	.s-product-box {
		display: flex;
		align-items: flex-end;
		font-size: 24upx;
		padding-bottom: 30upx;
		.s-popup-img {
			height: 200upx;
			width: 200upx;
			border-radius: 24upx;
			display: block;
		}
		.s-popup-price {
			padding-left: 20upx;
			padding-bottom: 8upx;
			.s-name {
				font-size: 38upx;
			}
			.s-amount {
				color: #ff201f;
				font-size: 36upx;
			}
			.s-number {
				font-size: 24upx;
				line-height: 24upx;
				padding-top: 12upx;
				color: #999;
			}
			.s-bold {
				font-weight: bold;
			}
		}
	}
	
	.s-padding {
		padding: 0 30upx;
		box-sizing: border-box;
	}
	.s-popup-scroll {
		height: 600upx;
		font-size: 26upx;
		
		.s-scrollview-box {
			padding: 0 30upx 60upx 30upx;
			box-sizing: border-box;
			
			.s-bold {
				font-weight: bold;
			}
			.s-attr-title {
				padding: 10upx 0;
				color: #333;
			}
			.s-attr-box {
				font-size: 0;
				padding: 20upx 0;
				.s-bold {
					font-weight: bold;
				}
				
				.s-attr-item {
					max-width: 100%;
					min-width: 200upx;
					height: 64upx;
					display: -webkit-inline-flex;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					background: #f7f7f7;
					padding: 0 26upx;
					box-sizing: border-box;
					border-radius: 32upx;
					margin-right: 20upx;
					margin-bottom: 20upx;
					font-size: 26upx;
				}
				.s-attr-active {
					background: #fcedea !important;
					color: #e41f19;
					font-weight: bold;
					position: relative;
				}
			}
		}
	}
}
.special{
	background-color: transparent;
	 padding: 0;
	 border-radius: 0upx;
	 view{
		 line-height:22upx;
	 }
}
.special:after{
	border: 1.17upx solid rgba(0,0,0,.0) !important;
}
.collection_color{
	color: $s-header;
}
.share-pro-dialog {
	width: 750upx;
	height: 310upx;
	overflow: hidden;
	background-color: #fff;
	border-radius: 24upx 24upx 0px 0px;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	.close-btn {
		position: absolute;
		top: 30upx;
		right: 30upx;
		width: 40upx;
		height: 40upx;
	}
	.share-pro-title {
		text-align: center;
		font-size: 28upx;
		color: #1c1c1c;
		padding: 28upx 41upx;
		background-color: #f7f7f7;
	}
	.share-pro-body{
		display: flex;
		flex-direction: row;
		justify-content:space-around;
		.share-item{
			display: flex;
			flex-direction:column;
			justify-content: center;
			width: 35%;
			text-align: center;
			justify-content:space-around;
			font-size: 28upx;
			color: #1c1c1c;
			margin-bottom: 30upx;
			.s-share-btn{
				background-color: transparent;
				padding: 0;
				border-radius: 0upx;
				font-size: 28upx;
				color: #1c1c1c;
				line-height: 28upx;
			}
			.s-share-btn:after{
				border: 1.17upx solid rgba(0,0,0,.0) !important;
			}
			.share-image{
				width: 70upx;
				height: 70upx;
				margin: 50upx auto 20upx;
			}
		}
	}
}	
.canvas{
	position: fixed !important;
	top: 80upx !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 10;
}

